<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style type="text/css">
    h1 {
        font-size: 100px;
        color: deeppink;
        text-align: center;
    }
    h2{
        font-size: 100px;
        color:pink;
        text-align: center;
    }
    ul{
        font-size:100px;
        color:palegoldenrod;
        text-align:center;
    }

    #abc{
        width: 100vw;
        height:auto;
        margin: auto;
        background: #d546c9;
        background: url("./images/IMG_9560(20230704-090830).JPG") center ;

    }
     #a{
         width: 30vw;
         height:25vw;
     }
     #b{
         width: 30vw;
         height: 25vw;

     }
    #c {
        width: 30vw;
        height: 25vw;
        }
    #d{
        width: 30vw;
        height: 25vw;

    }
    #e{
        width: 30vw;
        height: 25vw;

    }
    .x{
        font-size: 100px;
        color: #da79b2;
    }
    .y{
        font-size: 80px;
        color: rgb(31, 252, 14);
        text-align: center;
    }
    img{
        display: block;
        margin: auto;
    }
</style>
<head>
    <title>小刘的个人介绍</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="abc">
    <br>
    <h1>欢迎来到小刘的个人空间~>_<~</h1>
    <ul type="circle">
        <i class="x">姓名：刘羽骞</i>
        <br>


        <i class="x">班级：计科211</i>
        <br>
        <i class="x">学号：20101010124</i>
        <br>
        <i class="x">QQ：1320973635</i>


    </ul>
    <h2>另外~ 一些关于我的：</h2>
    <li class="y">看到背景了吗，这是我和我男朋友嘻嘻嘻</li>
    <br><br><br>
    <li class="y">这是我~</li>
    <img id="a" src="./images/liu.jpg" alt="啊欧不见了~" title="这是个美女哈哈哈哈">

    <li class="y">我有一个幸福美满的家庭~这是我和爸爸妈妈~</li>
    <img id="b" src="./images/family.png" alt="啊欧不见了~" title="真幸福~">

    <li class="y">我有一只狗狗，她叫坨坨~</li>
    <img id="c" src="./images/坨坨.jpg" alt="啊欧不见了~" title="她是一个小女孩~">
    <li class="y">我喜欢吃好吃的（一个爱吃的小女孩罢了）</li>
    <img id="d" src="./images/chidongxi.jpg" alt="啊欧不见了~" title="火锅烧烤奶茶！">
    <li class="y">不喜欢敲代码（bushi）</li>
    <img id="e" src="./images/aa.gif" alt="啊欧不见了~" title="啊啊啊啊啊啊啊！！">

</div>
</body>
</html>